<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ page import="java.io.*, java.sql.*, java.util.*,LS.*"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	request.setCharacterEncoding("utf-8");
%>
<!DOCTYPE html>
<html lang="UTF-8">
<style>
body,table,tr,td,select,input,div,form,textarea,font{font-family:Mond; font-size=12pt; } 
.b:hover {
	background-color: black;
	color: white;
	cursor: pointer;
}
.chkbox{
	background-color: white;
	color: black;
	
}

th,td {
	padding-bottom: 5px;
	padding-top: 5px;
}

h4,h1 {
	margin: 0px;
	padding: 0px;
}

th {
	height: 30px;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

tr {
	border-bottom: 1px solid #e5e5e5;
}

table {
	width: 90%;
}

#outerview {
	padding-top: 10px;
	margin-left: 0px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

#outerview {
	width: 100%;
	min-height: 600px;
	padding: 0px;
	padding-bottom: 20px;
}

#middleview {
	width: 90%;
	min-height: 450px;
	margin: 0px auto 0px auto;
	left: 50%;
}

#innerview {
	width: 100%;
	min-height: 100%;
	text-align: center;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

#plusview {
	margin: 10px;
	margin-bottom: 0px;
}

.tableview {
	width: 100%;
	max-height: 100%;
	left: 50%;
}

.lending,.reservation {
	width: 12%
}

.l,.r {
	width: 8%;
}
</style>

<head>
<meta charset="utf-8">
<title>성공회대학교 기자재 대여 시스템</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">


<link href="/LSsystem/assets/css/bootstrap.css" rel="stylesheet">
<link href="/LSsystem/assets/css/bootstrap-responsive.css" rel="stylesheet">
<link href="/LSsystem/assets/css/docs.css" rel="stylesheet">
<script src="/LSsystem/assets/js/jquery.js"></script>
<script type="text/javascript" src="/LSsystem/assets/smartPop/jquery.smartPop.js"></script>
<link rel="stylesheet" href="/LSsystem/assets/smartPop/jquery.smartPop.css" />
<script type="text/javascript">
	$(document).ready(
			function() {
				$('.a').click(
						function() {
							equipment_id = $(this).attr('id');
							uri = $(this).attr('name');
							using = $('#using').val();
							$.smartPop.open({
								width : 900,
								height : 700,
								url : 'modifyEquip.do?equipment_id='
										+ equipment_id
							});
						});
				$('.dropdown-toggle').dropdown();
			});

	function smartPopClose() {
		$.smartPop.close();
	}
</script>
</head>

<body data-spy="scroll" data-target=".bs-docs-sidebar">
	<!-- 메뉴
    ================================================== -->
	<!-- 관리자가 로그인 했을 경우 메뉴 -->
	<jsp:include page="/managertop.do"></jsp:include>
	<!-- 게시판
    ================================================== -->

	<div style="text-align: center">
		<div class="marketing"
			style="margin-bottom: 30px; color: #000; text-align: left">
			<div class="container">
				<h3 style="margin: 10px; font-size: 35px;">
					<strong>기자재 검색 및 수정</strong>
				</h3>
			</div>
		</div>
	</div>
	<div class="container">
		<div id="outerview">
			<div id="middleview">
				<div id="plusview">
					<div class="control-gruop">
						<form action="equipSearch.do" class="form-inline"
							style="text-align: left;" method="post">
							<div class="controls">
								<select id="departmentname" name="depart_id"
									style="width: 200px;">
									<option value="0">- 학과 -</option>
									<c:forEach var="depart" items="${depart}">
										<option value="${depart.departments_id }">${depart.departments_name
											}</option>
									</c:forEach>
								</select> &nbsp;&nbsp; <select id="itemname" name="item_id"
									style="width: 200px;">
									<option value="0">- 품목명 -</option>
									<c:forEach var="item" items="${item}">
										<option value="${item.item_id }">${item.item_name }</option>
									</c:forEach>
								</select><br> <br> <select name="condition" id="searchselect"
									style="width: 100px;">
									<option value="0">전체</option>
									<option value="1">모델명</option>
									<option value="2">일련번호</option>
								</select> <input name="text" type="text" class="input-middle" size=20>
								<button type="submit" class="btn">검색</button>

				
							</div>
						</form>
					</div>
				</div>
				<div id="innerview">
					<table class="tableview">
						<tr>
							<th>품목명</th>
							<th>모델명</th>
							<th>일련번호</th>
							<th>소속학과</th>
							<th>대여상태</th>
<!-- 							<th>일괄폐기</th> -->
						</tr>
						<c:forEach var="equip" items="${equipSearch}">
							<tr class="b" id="${equip.equipment_id}" name="${uri}">
								<td class="a" id="${equip.equipment_id}">${equip.item_name}</td>
								<td class="a" id="${equip.equipment_id}">${equip.model_name}</td>
								<td class="a" id="${equip.equipment_id}">${equip.equipment_id}</td>
								<td class="a" id="${equip.equipment_id}">${equip.departments_name }</td>
								<td class="a" id="${equip.equipment_id}">${equip.getL()}</td>
<!-- 								<td class="chkbox"><input type="checkbox" name="check1"></td> -->
							</tr>
						</c:forEach>
					</table>
				</div>
			</div>
		</div>
	</div>

	<!-- 꼬리말
    ================================================== -->
	<footer class="footer">
		<div class="container">
			<p>Copyright SKHU. Software Student.</p>
		</div>
	</footer>


	<!-- javascript -->
	<script type="text/javascript" src="/LSsystem/assets/js/bootstrap.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			$('.dropdown-toggle').dropdown();
		});
	</script>
</body>
</html>
